<!--<template>-->
    <!--<div class="MatchImportantInfo">-->
       <!--<div class="NecessaryInfo">-->
         <!--<div class="NameFont">报名必填信息：</div>-->
         <!--<div style="height: 84px;display: flex;flex-direction: column;justify-content: space-around;width: 100%;">-->
         <!--<el-checkbox-group v-model="InfoCheckList" style="display: flex;">-->
           <!--<el-checkbox v-for="(Info,InfoIndex) in InfoList" :key="InfoIndex" :label="Info" style="width: 8%"></el-checkbox>-->
         <!--</el-checkbox-group>-->
         <!--<el-checkbox-group v-model="InfoCheckList" style="display: flex;">-->
             <!--<el-checkbox v-for="(InfoTwo,InfoTwoIndex) in InfoListTwo" :key="InfoTwoIndex" :label="InfoTwo" style="width: 8%"></el-checkbox>-->
          <!--</el-checkbox-group>-->
         <!--</div>-->
       <!--</div>-->
      <!--<div class="NecessaryInfo">-->
        <!--<div class="NameFont"></div>-->
        <!--<div style="display: flex;width: 100%">-->
          <!--<el-input v-model="SelfDefinedInput" size="small" placeholder="自定义" style="display: flex;align-items: center;width: 15%;"></el-input>-->
          <!--<i class="el-icon-circle-plus-outline AddNew" v-on:click="AddInfoList"></i>-->
        <!--</div>-->
      <!--</div>-->
      <!--<div class="InfoItem">-->
        <!--<div style="width: 20%;line-height: 42px">报名人数限制：</div>-->
        <!--<el-switch-->
          <!--v-model="NumCheck"-->
          <!--active-color="#409EFF"-->
        <!--&gt;-->
        <!--</el-switch>-->
        <!--<el-input v-show='NumCheck' v-model="NumLimits" size="small"  maxlength="2" style="display: flex;align-items: center;width: 10%;margin-left: 12px;"></el-input>-->
      <!--</div>-->
      <!--<el-card class="MatchCard">-->
         <!--<div class="MatchPoints" v-if="Series">-->
           <!--<div class="leftBox">-->
             <!--<div>本次比赛积分：</div>-->
           <!--</div>-->
           <!--<div class="rightBox">-->
             <!--<div id="4" class="lineBox">-->
               <!--<div class="inputBox">-->
                 <!--<div class="pointsInput" v-for="(input4,index) in pointsInputs4">-->
                  <!--<div class="pointsIndex">{{index+1}}</div>-->
                  <!--<el-input-->
                    <!--v-model="pointsInputs4[index]"-->
                    <!--maxlength="3"-->
                    <!--size="small"-->
                    <!--clearable style="width: 60%">-->
                  <!--</el-input>-->
                  <!--</div>-->
               <!--</div>-->
               <!--<div class="radio"></div>-->
             <!--</div>-->
             <!--<div id="8" class="lineBox">-->
               <!--<div class="inputBox">-->
                 <!--<div class="pointsInput" v-for="(input8,index) in pointsInputs8">-->
                  <!--<div class="pointsIndex">{{index+5}}</div>-->
                  <!--<el-input-->
                    <!--v-model="pointsInputs8[index]"-->
                    <!--maxlength="3"-->
                    <!--size="small"-->
                    <!--clearable style="width: 60%">-->
                  <!--</el-input>-->
                 <!--</div>-->
               <!--</div>-->
               <!--<div class="radio">-->
                 <!--<el-switch v-model="checkSame8" label="1" class="radioCheck" active-text="5 - 8名积分一致"></el-switch>-->
               <!--</div>-->
             <!--</div>-->
             <!--<div id="16" class="lineBox">-->
               <!--<div class="inputBox">-->
                 <!--<div class="pointsInput" v-for="(input16,index) in pointsInputs16">-->
                  <!--<div class="pointsIndex">{{index+9}}</div>-->
                  <!--<el-input-->
                    <!--v-model="pointsInputs16[index]"-->
                    <!--maxlength="3"-->
                    <!--size="small"-->
                    <!--clearable style="width: 60%">-->
                  <!--</el-input>-->
                 <!--</div>-->
               <!--</div>-->
               <!--<div class="radio">-->
                 <!--<el-switch v-model="checkSame16" label="1" class="radioCheck" active-text="9 - 16名积分一致"></el-switch>-->
               <!--</div>-->
             <!--</div>-->
             <!--<div id="32" class="lineBox">-->
               <!--<div class="inputBox">-->
                 <!--<div class="pointsInput" v-for="(input32,index) in pointsInputs32">-->
                   <!--<div class="pointsIndex">{{index+17}}</div>-->
                   <!--<el-input-->
                     <!--v-model="pointsInputs32[index]"-->
                     <!--maxlength="3"-->
                     <!--size="small"-->
                     <!--clearable style="width: 60%">-->
                   <!--</el-input>-->
                 <!--</div>-->
               <!--</div>-->
               <!--<div class="radio">-->
                 <!--<el-switch v-model="checkSame32" label="1" class="radioCheck" active-text="17 - 32名积分一致"></el-switch>-->
               <!--</div>-->
             <!--</div>-->
             <!--<div id="64" style="width: 100%;display: flex;margin-top: 10px;">-->
               <!--<div style="width: 70%;display: flex;">-->
                 <!--<div class="pointsInput">-->
                   <!--<div class="pointsIndex">33-64</div>-->
                   <!--<el-input-->
                     <!--v-model="pointsInputs64[0]"-->
                     <!--maxlength="3"-->
                     <!--size="small"-->
                     <!--clearable style="width: 60%">-->
                   <!--</el-input>-->
                 <!--</div>-->
               <!--</div>-->
             <!--</div>-->
           <!--</div>-->
         <!--</div>-->
        <!--</el-card>-->
      <!--<div v-show="step==2" style="justify-content: center;display: flex;margin-top: 30px;margin-bottom: 30px;">-->
        <!--<el-button round style="width: 200px" type="primary" @click="GoNext">下一步</el-button>-->
      <!--</div>-->
    <!--</div>-->
<!--</template>-->

<!--<script>-->
  <!--import { mapState } from 'vuex'-->
    <!--export default {-->
        <!--name: "MatchImportantInfo",-->
        <!--data(){-->
          <!--return{-->
             <!--InfoList:['年龄','性别','身份证号码','组别-项目','手机号码','注册证号'],-->
             <!--InfoListTwo:[],-->
             <!--InfoCheckList:[],-->
             <!--SelfDefinedInput:'',-->
             <!--NumCheck:false,-->
             <!--NumLimits:'',-->
             <!--Series:true,-->
             <!--pointsInputs4:[],-->
             <!--pointsInputs8:[],-->
             <!--pointsInputs16:[],-->
             <!--pointsInputs32:[],-->
             <!--pointsInputs64:[],-->
             <!--checkSame8:false,-->
             <!--checkSame16:false,-->
             <!--checkSame32:false,-->
             <!--checkSame64:false,-->
          <!--}-->
        <!--},-->
      <!--watch:{-->
        <!--NumLimits(val){-->
        <!--},-->
        <!--checkSame8(val){-->
          <!--console.log(this.pointsInputs8)-->
          <!--if(val&&this.pointsInputs8[0]){-->
              <!--var samepoints = this.pointsInputs8[0]-->
              <!--for(let a in this.pointsInputs8){-->
                <!--this.pointsInputs8[a] = samepoints-->
              <!--}-->
          <!--}-->
          <!--if(!val){-->
            <!--for(let a in this.pointsInputs8){-->
              <!--this.pointsInputs8[a] = ''-->
            <!--}-->
          <!--}-->
        <!--},-->
        <!--checkSame16(val){-->
          <!--console.log(this.pointsInputs16)-->
          <!--if(val&&this.pointsInputs16[0]){-->
            <!--var samepoints = this.pointsInputs16[0]-->
            <!--for(let a in this.pointsInputs16){-->
              <!--this.pointsInputs16[a] = samepoints-->
            <!--}-->
          <!--}-->
          <!--if(!val){-->
            <!--for(let a in this.pointsInputs16){-->
              <!--this.pointsInputs16[a] = ''-->
            <!--}-->
          <!--}-->
        <!--},-->
        <!--checkSame32(val){-->
          <!--console.log(this.pointsInputs32)-->
          <!--if(val&&this.pointsInputs32[0]){-->
            <!--var samepoints = this.pointsInputs32[0]-->
            <!--for(let a in this.pointsInputs32){-->
              <!--this.pointsInputs32[a] = samepoints-->
            <!--}-->
          <!--}-->
          <!--if(!val){-->
            <!--for(let a in this.pointsInputs32){-->
              <!--this.pointsInputs32[a] = ''-->
            <!--}-->
          <!--}-->
        <!--}-->
      <!--},-->
      <!--computed:{-->
        <!--...mapState({-->
          <!--step:'AddMatchDetailStep',-->
          <!--MatchDetailObj:'AddMatchDetailObj',-->
        <!--})-->
      <!--},-->
      <!--mounted(){-->
          <!--for( var i = 4 ;i > 0;i&#45;&#45;){-->
            <!--this.pointsInputs4.push('')-->
            <!--this.pointsInputs8.push('')-->
          <!--}-->
          <!--for(var j = 8;j > 0;j&#45;&#45;){-->
            <!--this.pointsInputs16.push('')-->
          <!--}-->
          <!--for(var z = 16;z > 0;z&#45;&#45;){-->
            <!--this.pointsInputs32.push('')-->
          <!--}-->
          <!--for(var x = 1; x > 0;x&#45;&#45;){-->
            <!--this.pointsInputs64.push('')-->
          <!--}-->
      <!--},-->
      <!--methods:{-->
        <!--AddInfoList(){-->
          <!--if(this.SelfDefinedInput) {-->
            <!--if (this.InfoList.length <10) {-->
              <!--this.InfoList.push(this.SelfDefinedInput)-->
              <!--console.log(this.InfoList.length)-->
              <!--this.SelfDefinedInput = ''-->
            <!--}-->
            <!--else{-->
              <!--if(this.InfoListTwo.length<10){-->
                <!--this.InfoListTwo.push(this.SelfDefinedInput)-->
                <!--this.SelfDefinedInput = ''-->
              <!--}-->
              <!--else{-->
                <!--this.$message.error('超出自定义数量限制');-->
              <!--}-->
            <!--}-->
          <!--}-->
        <!--},-->
        <!--GoNext(){-->
          <!--let MatchDetailObj = this.MatchDetailObj-->
          <!--//          var ImportantInfo = []-->
          <!--// for(let i in this.InfoList){-->
          <!--//   ImportantInfo.push(this.InfoList[i])-->
          <!--// }-->
          <!--// for(let i in this.InfoListTwo){-->
          <!--//   ImportantInfo.push(this.InfoListTwo[i])-->
          <!--// }-->
          <!--MatchDetailObj.ImportantInfo = this.InfoCheckList-->
          <!--MatchDetailObj.NumLimits = this.NumLimits-->
          <!--MatchDetailObj.pointsInputs4 = this.pointsInputs4-->
          <!--MatchDetailObj.pointsInputs8 = this.pointsInputs8-->
          <!--MatchDetailObj.pointsInputs16 = this.pointsInputs16-->
          <!--MatchDetailObj.pointsInputs32 = this.pointsInputs32-->
          <!--MatchDetailObj.pointsInputs64 = this.pointsInputs64-->
          <!--console.log(MatchDetailObj)-->
          <!--this.$store.commit('setAddMatchDetailStep',3)-->
      <!--//    this.$store.commit('setAddMatchDetailObj',MatchDetailObj)-->
        <!--},-->
        <!--// ShowMatchInfo(){-->
        <!--//   this.$store.commit('setAddMatchDetailStep',3)-->
        <!--// },-->
      <!--}-->
    <!--}-->
<!--</script>-->

<!--<style scoped>-->
  <!--.MatchImportantInfo{-->
    <!--/*height: 80%;*/-->
  <!--}-->
  <!--.NecessaryInfo{-->
    <!--display: flex;-->
    <!--align-items: center;-->
    <!--height: 84px;-->
  <!--}-->
  <!--.NameFont{-->
    <!--width: 20%;-->
    <!--line-height: 42px;-->
  <!--}-->
  <!--.AddNew{-->
    <!--font-size: 26px;-->
    <!--line-height: 42px;-->
    <!--margin-left: 12px;-->
    <!--color: #409EFF;-->
  <!--}-->
  <!--.InfoItem{-->
    <!--display: flex;-->
    <!--align-items: center;-->
    <!--width: 80%;-->
    <!--height: 42px;-->
    <!--padding-bottom: 10px;-->
    <!--border-bottom: 1px solid #BBBBBB;-->
  <!--}-->
  <!--.MatchCard{-->
    <!--width: 75%;-->
    <!--margin-top: 20px;-->
  <!--}-->
  <!--.MatchPoints{-->
    <!--display: flex;-->
    <!--/*align-items: center;*/-->
    <!--width: 100%;-->
  <!--}-->
  <!--.leftBox{-->
    <!--width: 20%;-->
  <!--}-->
  <!--.rightBox{-->
    <!--width: 80%;-->
    <!--display: flex;-->
    <!--flex-direction: column;-->
  <!--}-->
  <!--.lineBox{-->
    <!--width: 100%;-->
    <!--display: flex;-->
    <!--margin-top: 10px;-->
    <!--border-bottom: 1px solid #BBBBBB;-->
  <!--}-->
  <!--.inputBox{-->
    <!--display: flex;-->
    <!--align-items: baseline;-->
    <!--justify-content: space-around;-->
    <!--flex-wrap: wrap;-->
    <!--width: 70%;-->
  <!--}-->
  <!--.pointsInput{-->
    <!--width: 25%;-->
    <!--display: flex;-->
    <!--align-items: baseline;-->
    <!--justify-content: space-around;-->
    <!--margin-bottom: 10px;-->
  <!--}-->
  <!--.pointsIndex{-->
    <!--width: 40%;-->
    <!--text-align: center;-->
  <!--}-->
  <!--.radio{-->
    <!--width: 30%;-->
  <!--}-->
  <!--.radioCheck{-->
    <!--margin-top: 4%;-->
    <!--margin-left: 10%;-->
  <!--}-->
<!--</style>-->
